/*
* Unbootstrap
* 
* (C)Copyright 2013 jankarelvisser@gmail.com
* All rights reserved
* Licensed under the LGPL license
* http://www.gnu.org/licenses/lgpl-3.0.txt
*
* This program is distributed in the hope that it will be useful, but
* WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. 
*/


/*icons*/
@import url("//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css");


audio,canvas,video,article,aside,details,figcaption,figure,footer,header,hgroup,nav,menu,meter,details,section,footer {display: block;z-index:-1}
audio:not([controls]) {display: none;}
html {font-size: 100%;}
body {margin:0 auto;width:100%;z-index:0}
.fixed {position:fixed;z-index:1}
.indent {margin-left:40px;}
.center {text-align:center;}
.justify {text-align:justify;}
.right {text-align:right;}
.left {text-align:left;}
.smalltext {font-size:0.8em;}
.bigtext {font-size:2.2em;}
.bigger {font-size:1.5em;}
.pointer {cursor:pointer}
.quote:before{float:left;content:"\275D"}
.quote:after{content:"\275E"}
figure {margin: 0}
img, object, embed, video {max-width: 100%;} 
img, a img, img a  {border: 0;}
svg:not(:root) {overflow: hidden} 
img {height: auto;border:0px}
form {padding:8px;}
fieldset {border:0px;}
legend {display:none;}
label {font-weight:bold; display:block;}
input,textarea,select {padding:2px; border-radius:4px;color: #555555;width:100%;}
/*select,textarea,input { display: inline-block;padding:4px;}*/
textarea { height: auto;}
textarea,input,select {
    background-color: #ffffff;border: 1px solid #cccccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
textarea:focus,input:focus,select:focus { border-color: rgba(82, 168, 236, 0.8);outline: 0;box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);}

input[type="checkbox"],input[type="radio"]  {width:10%;}
/*
* Navigation
* we use the menu for that
*/

.navbar-fixed-top {top:0px;position:fixed;height:40px;width:100%; margin-bottom:5px;z-index:2}
header {top:0px;height:40px;width:100%; margin-bottom:5px;z-index:2}
header a {text-decoration:none;}
.brand {padding-right:10px;float:left;margin-top:-1px;}
menu, .nav {text-align:left;margin-top:-5px;}
menu ul {list-style-type:none;padding-right:10px;}
.navbar-fixed-top li, menu li {display:inline;}

.navbar-fixed-top .brand {font-size:2em}
.navbar-fixed-top, .dark, header .dark {background-color:#333;color:#fff;border-bottom:5px solid #555;}
.navbar-fixed-top,.dark a, .dark .brand {color:#fff}


.row {display:block;clear:both;}
[class*="span"] {display: block;float: left;width: 100%;min-height: 28px;margin-left: 2.564102564%;box-sizing: border-box;}
[class*="span"]:first-child {margin-left: 0;}
.span1 {width: 5.982905983%;}
.span2 {width: 14.529914530000001%;}
.span3 {width: 23.076923077%;}
.span4 { width: 31.623931624%;}
.span5 { width: 40.170940171000005%;}
.span6 {width: 48.717948718%;}
.span7 {width: 57.264957265%;}
.span8 { width: 65.81196581200001%;}
.span9 {width: 74.358974359%;}
.span10 { width: 82.905982906%;} 
.span11 { width: 91.45299145300001%;}
.span12 {width: 100%;}


.warning img, .error img, .success img, .info img {margin-bottom:-4px;}
li .warning a, li .error a, li .success a, li .info a  {text-decoration:none;}
.warning:hover, .error:hover, .success:hover, .info:hover{color: #fff;  margin: 0 0 18px; padding: 9px 15px; border-radius: 3px; background:#000; /*text-shadow: 0 0 1px rgba(0,0,0,0.01);*/ }
.warning, .error, .success, .info {color: #fff;  margin: 0 0 18px; padding: 9px 15px; border-radius: 3px;/*text-shadow: 0 0 1px rgba(0,0,0,0.01);*/}
.warning a, .error a, .success a, .info a { color: #fff; font-weight: bold; text-decoration: underline; }
.label-warning,.warning { background-color: #ffb515; color: #d17200; }
.label-error,.error { background-color: #df4729; color: #930; }
form .error, form .error:hover {margin:0;color:#df4729;font-weight:bold;background:transparent}
.label-success,.success { background-color: #a5c941; color: #360; }
.label-info,.info { background-color: #73cacf; color:  #007d9a; }
p strong .success, p div .success , p span .success {margin:2px;padding:2px;}
/*make them labels*/
.label-warning, .label-error, .label-success, .label-info {margin: 1px; padding: 1px; border-radius: 2px;}
.label-warning:hover, .label-error:hover, .label-success:hover, .label-info:hover {color:#fff;background:#000;margin: 1px; padding: 1px; border-radius: 2px;}
.btn-large {font-size:2em}
.btn {display: inline-block; text-align:center; background:#ccc;padding:0.3em;font-weight:bold;  color: #333333;
  text-align: center; /* text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);*/
 cursor: pointer;  background-color: #fff;  border-radius:2px;}
.btn .caret {border-radius:2px;}
.btn:hover,.btn:active,.btn.active,.btn.disabled,.btn[disabled] {background-color: #e6e6e6;}
.btn:hover {color: #333333;text-decoration: none;background-color: #e6e6e6;}
.btn-primary,.btn-primary:hover,.btn-warning,.btn-warning:hover,.btn-danger,.btn-danger:hover,.btn-success,.btn-success:hover,.btn-info,.btn-info:hover,.btn-inverse,.btn-inverse:hover { color: #ffffff;/*text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);*/}
a.btn {text-decoration:none}
.btn {  border-color: #ccc; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);}
.btn.gradient {background: #eee url('../images/gradient.png') bottom repeat-x}
.btn-primary {background-color: #0074cc;}
.btn-primary.gradient {background: #0074cc url('../images/gradient.png') bottom repeat-x}
.btn-primary:hover {background-color: #0055cc;}
.btn-warning { background-color: #faa732;}
.btn-warning.gradient {background: #faa732 url('../images/gradient.png') bottom repeat-x}
.btn-warning:hover {background-color: #f89406;}
.btn-danger {background-color: #da4f49;}
.btn-danger:hover {background-color: #bd362f;}
.btn-danger.gradient {background: #da4f49 url('../images/gradient.png') bottom repeat-x}
.btn-info {background-color: #49afcd;}
.btn-info:hover{background-color: #2f96b4;}
.btn-info.gradient {background: #49afcd url('../images/gradient.png') bottom repeat-x}
.btn-inverse{background: #222222;}
.btn-inverse.gradient {background: #222222 url('../images/gradient.png') bottom repeat-x}
.btn-inverse:hover { background: #000;}
.btn-success { background-color: #a5c941;}
.btn-success.gradient {background: #a5c941 url('../images/gradient.png') bottom repeat-x}
.btn-success:hover { background-color: #51a351;}
.btn-group, ul .btn-group  {display:inline;clear:both}
.btn-group .btn,ul .btn-group li a.btn{border-radius:0px;float:left;}
.btn-group .btn:first-child {border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
.btn-group .btn:last-child {border-top-right-radius: 4px;border-bottom-right-radius: 4px;}
.open .dropdown-toggle {background-image: none;box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);}
.btn .open {background-color: #e6e6e6;}
.open .btn-primary.dropdown-toggle {background-color: #0055cc;}
.open .btn-warning.dropdown-toggle { background-color: #f89406;}
.open .btn-danger.dropdown-toggle {background-color: #bd362f;}
.open .btn-success.dropdown-toggle { background-color: #51a351;}
.open .btn-info.dropdown-toggle {  background-color: #2f96b4;}
.open .btn-inverse.dropdown-toggle { background-color: #222222;}
.dropup,.dropdown {position: relative;}
.dropdown-toggle:active,
.open .dropdown-toggle {outline: 0;}
.caret {margin-top:8px;display: inline-block;width: 0;height: 0; vertical-align: top;border-top: 4px solid #000000;border-right: 4px solid transparent;border-left: 4px solid transparent;content: "";opacity: 0.3;}
.btn .caret {margin-top:8%;}
.dropdown .caret {margin-top: 8px; margin-left: 2px;}
.dropdown:hover .caret,.open .caret {opacity: 1;}
.dropdown-element{ position: absolute;z-index: 1000; display: none; float: left;  min-width: 160px;left:0;}
.dropdown-elementx{  z-index: 1000; display: none;left:0;}
.dropdown-menu { position: absolute;z-index: 1000;display: none;float: left;min-width: 160px;padding: 4px 0;margin: 1px 0 0;left:0;list-style: none;background-color: #ffffff;border: 1px solid #ccc;border: 1px solid rgba(0, 0, 0, 0.2);border-radius: 5px;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);background-clip: padding-box;}
.divider {width: 100%;height: 1px;margin: 8px 1px;overflow: hidden;background-color: #e5e5e5;border-bottom: 1px solid #ffffff;}
.nav-list li{margin-left:-18px;list-style-type:none}
.nav-list a, .dropdown-menu a ,menu.dropdown-menu a {text-decoration:none;display: block;padding: 3px 15px;clear: both;font-weight: normal;line-height: 18px;color: #333333;white-space: nowrap;}
.nav-list .active a,.nav-list li > a:hover,.dropdown-menu li > a:hover,.dropdown-menu .active > a,.dropdown-menu .active > a:hover {  color: #ffffff;  text-decoration: none;  background-color: #0088cc;}
.open > .dropdown-menu {display: block;}
.pull-right > .dropdown-menu {right: 0;left: auto;}
.dropup .caret,.dropdown .caret {border-top: 0;border-bottom: 4px solid #000000;content: "\2191";}
.dropup .dropdown-menu,.dropdown .dropdown-menu {top: auto;bottom: 100%; margin-bottom: 1px;}
.page_overlay{background:#000;top:0px;width:100%;height:100%;position:absolute;}
.modal {top:70px;margin-left:10%;width:80%;background:#fff;padding:3px;border-radius:5px;z-index:10;position:fixed;border:1px solid #222;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);}
.modal-header {border-bottom:1px solid #ccc;margin-top:-8px;}
.modal-footer {border-top:1px solid #ccc;}
.close,.closer,.close_button {float:right;font-size:1.2em;margin-top:-5px;cursor:pointer;font-weight:bold}
.window_background {position: fixed; background: #000; opacity: 0.7; width: 100%; height: 100%; top: 0; left: 0; z-index: 7998;}
.window_close {position:fixed;top:8px;padding:4px;margin-left:4px;margin-right:4px;float:right;color:#fff;font-size:24px;font-weight:bold;background:#000;border-radius: 34px;z-index:8001;right:8px;}
.window_content {position: fixed; margin:17px;padding:1px;width:95.7%;height:95%;left:0;top:0;background: #000;border:2px solid #000;border-radius: 3px;z-index:8000;}

.shadow {box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;}
.shadow-raised {box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;}
.shadow-curve {box-shadow:0 0 15px rgba(0,0,0,0.6);}

.unbullet li {list-style-type:none;}
.green {color:green}
.red {color:red}
.black {color:black}
.white {color:white}
.orange {color:orange}
.blue {color:blue}

.jumbotron, .masthead {  min-height: 20px; padding: 19px; margin-bottom: 20px;text-align:center}
.hero-unit, .well {min-height: 20px;  padding: 19px; margin-bottom: 20px; background-color: #f5f5f5;  border: 1px solid #eee;  border: 1px solid rgba(0, 0, 0, 0.05); border-radius: 4px;box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);}
.pull-right {float:right;right:0px;}
.pull-left {float:left;left:0px;}
hr {clear:both;border:0px solid #fff;border-top:0px solid #fff;border-bottom:0px solid #fff;border-left:0px solid #fff;border-right:0px solid #fff}
.spacer {height:100px;}
.bigspacer {height:300px;}
.hide, .hidden {display:none}
.show {display:block;}

.pagination {
  height: 40px;
  margin: 20px 0;
}

.pagination ul {
  display: inline-block;
  margin-bottom: 0;
  margin-left: 0;
  border-radius: 3px;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.pagination ul > li {
  display: inline;
}

.pagination ul > li > a,
.pagination ul > li > span {
  float: left;
  padding: 0 14px;
  line-height: 38px;
  text-decoration: none;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-left-width: 0;
}

.pagination ul > li > a:hover,
.pagination ul > .active > a,
.pagination ul > .active > span {
  background-color: #f5f5f5;
}›

.pagination ul > .active > a,
.pagination ul > .active > span {
  color: #999999;
  cursor: default;
}

.pagination ul > .disabled > span,
.pagination ul > .disabled > a,
.pagination ul > .disabled > a:hover {
  color: #999999;
  cursor: default;
  background-color: transparent;
}

.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span {
  border-left-width: 1px;
          border-radius: 3px 0 0 3px;
}

.pagination ul > li:last-child > a,
.pagination ul > li:last-child > span {
          border-radius: 0 3px 3px 0;
}

.pagination-centered {
  text-align: center;}

.pagination-right {  text-align: right;}

/*print*/
@media print {
body {background:#fff;color:#000;}
a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }

header menu, header div , header ul {display:none;}
 article, section, header, article,footer, .span1, .span2,  .span3,  .span4,  .span5,  .span6,  .span7,  .span8, .span9, .span10, .span11, .span12 {width: auto; float: none;  margin-left: 10px;margin-right: 10px; padding-left: 10px; padding-right: 10px;}
}


.mobile {display:none;}
/* Mobile modus
*/

@media (max-width: 767px) {
    .hide_mobile{display:none;}
    .mobile {display:block;}
    body {font-size: 1.0em;width: 100%;margin:0}
    .row aside,.row section {width:100%;display:block;float:none;clear:both;}
    .span1, .span2,  .span3,  .span4,  .span5,  .span6,  .span7,  .span8, .span9, .span10, .span11, .span12 {width: auto; float: none;  margin-left: 10px;margin-right: 10px; padding-left: 10px; padding-right: 10px;}

}